* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

a {
	color: black;
}

.w {
	margin: 0 20px;
}

/* 默认显示第一个页面 */
.two-page,
.three-page {
	display: none;
}

/* 上边导航 */
/* 放上面导航的盒子 */
.header-box {
	border-bottom: 1px solid gainsboro;
}

.top-nav {
	margin: 10px;
	justify-content: space-between;
	display: flex;

}


.flag {
	padding-bottom: 5px;
	border-bottom: 2px solid #15c466;
	color: #15c466
}

/* 中间推荐歌单 */
/* 放推荐歌单的盒子 */
.center-box {
	margin: 10px 0;
}

/* 上面的推荐歌单四个字 */
.song-list {
	padding-left: 5px;
	font-size: 18px;
	border-left: 3px solid red;
}

/* 推荐歌单下面的 */
/* 放推荐歌单的盒子 */
.playlist-box {
	justify-content: center;
	flex-wrap: wrap;
	display: flex;
	margin-top: 10px;
}

/* 放歌单图片的盒子 */
.playlist {
	margin: 1px;
	position: relative;
	width: 32%;
}

.playlist img {
	width: 100%;
}

/* 图片里面右上角的字 */
.top-right-text {
	box-sizing: border-box;
	padding: 2px;
	width: auto;
	border-radius: 0px 0px 0px 10px;
	background-color: rgba(0, 0, 0, .5);
	color: white;
	font-size: 14px;
	right: 0;
	position: absolute;
}

/* 底下的歌单的介绍 */
.playlist-bottom-text {
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 最新音乐 */
.latest-list {
	padding-left: 5px;
	font-size: 18px;
	border-left: 3px solid red;
}

/* 放最新音乐的盒子 */
.latest-list-box {

	/* display: flex; */

}

.new-music {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid gainsboro;
	margin-top: 10px;
	padding: 5px;
	display: flex;
}

/* 放最新音乐的左边 */

/* 放最新音乐的歌曲名 */
.music-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 70%;
	font-size: 18px;
}

/* 放最新音乐的歌手 */
.music-text {
	margin-top: 5px;
	display: flex;
	color: #ababab;
	font-size: 12px;
}

/* 左边的音质 */
.Tone-quality {
	margin-right: 5px;
	background-image: url(../img/index_icon_2x.png);
	width: 24px;
	height: 16px;
	background-position: 0px 0px;
}



/* 这是右面的播放按钮 */
.latest-list-right {
	margin-left: auto;
}

.latest-right-img {
	width: 46px;
	height: 44px;
	background-image: url(../img/index_icon_2x.png);
	background-position: -46px 0px;
}

footer {
	height: 50px;
	margin-top: 15px;
}

/* 底部 */
.bottom {
	width: 90%;
	position: fixed;
	bottom: 0;
}

.bottom-box {

	background-color: white;
	justify-content: space-between;
	display: flex;
}

.bottom-box>div>p {
	font-size: 12px;
}


/* 底部的导航 */
.btn {
	color: #15c466;
}